Top 10 Useful CSS Side Menu Collection

1. Metro Style Side Menu

featured image

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Sky Mega Menu

featured image

Sky Mega Menu is a clean, responsive solution for creation beautiful site navigations. The drop down relies only on CSS/XHTML and comes with mobile slideshow jQuery versions, different positions, 9 beautiful color schemes, commonly used forms, grid system and much more.If you like Sky Mega Menu, please don’t forget to rate!

Different positionsCan be positioned at any side of the screen and can be regular or fixed.Different color schemesEach color scheme has it’s own css file, that can be easily modified for creation your own colors.I was having troubles with the menu due to my stupidness and Voky sat with me for almost the entire night fixing my problem. You can find the contact form on the right side of the page.

More Details

4. Clean Responsive Side Menu

featured image

Clean Responsive Side Menu

More Details

5. Pure CSS3 Mega Menu

featured image

Pure CSS3 Mega Menu is a clean, fully customizable, responsive solution for creation site navigations. The drop down relies only on CSS/XHTML and comes with customization wizard, unlimited colors, 50 google fonts, 3 forms (search, login and contacts), grid system and much more.If you liked Mega Menu, please don’t forget to rate it!

Thanks… great menu and thanks for your help… Was fast response too!sarahpoulain

The menu is amazing, loving all the features.Customization wizard without CSS code editing!

You can find the contact form on the right side of the page.Added possibility to change menu height.

More Details

6. Pull-Out Content Panel

featured image

The custom scrollbars packed in this menu will automatically appear when needed and if you need to add even more content, you can use the infinite carousel to scroll between each part of the panel.Powerful sliding side panel

This menu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests.

More Details

7. Pure CSS3 Round Menu

featured image

Pure CSS3 Round Menu is a clean, customizable solution for creation different menus and navigations. Menu relies only on CSS/HTML and comes with lots customization options, unlimited color combinations and much more.If you liked Round Menu, please don’t forget to rate it!

You can find the contact form on the right side of the page.

More Details

8. jElevator jQuery Inter-Page Navigation Tool

featured image

Providing users with scroll-to-top, scroll-to-bottom, and sections menu functionality, jElevator will increase the usability of any page it is added to. As the user’s cursor approaches the left side of the page, a narrow menu will slide into view. This menu may consist of a scroll-to-top button, a scroll-to-bottom button, and/or a sections menu button. The sections menu button will open a secondary pane consisting of a set of links which are generated by the script automatically. Clicking a link within the sections menu pane will scroll the user to the section of the page associated with that link. See the demo for an example that constructs a sections menu from H1, H2, H3, and H4 elements.Auto-Hide Menu

Automatic Sections Menu

More Details

9. CSS3 Side Menu

featured image

Css3 Side Menu

Folder CSS3 Side Menu Left

Folder CSS3 Side Menu Right

More Details

10. Horizon Slide Navigation jQuery Plugin

featured image

Horizon Menu is a dedicated jQuery plugin where you can create custom menus that slide beautifully in your web browser. The scrolling is smooth and flexible, and thank to its complexity, this means you can add as many menu items as you desire; even if your browsers height simply isn’t tall enough to fit them all in, the scrolling is there to help you. Last but not least, Horizon is fully touch-ready for all modern PC’s, tablets and mobile devices meaning you can scroll smoothly through the menu. Comes with 120+ beautiful icons, 10+ CSS3 top quality CSS3 animations and 6 beautifully crafted CSS themes in which you can create your own to fit your needs.Position your menu on the left or right side of your browser

As many menu items and submenus as you desire

More Details

11. Vertical Responsive Menu

featured image

Responsive Vertical Menu can be used in sidebars of any site as well as admin dashboards.

More Details